
<#include "base.ftl">
<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>广州久龙精品酒店</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="${base}css/sm.min.css">
    <link rel="stylesheet" href="${base}css/sm-extend.min.css">
    <link rel="stylesheet" type="text/css" href="${base}css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="${base}css/main.css">
    
     
  </head>
  
  <body onload="onBridgeReady();">
    <div class="page-group">
      <!--侧边栏start-->
      <div class="panel-overlay"></div>
      <!-- Left Panel with Reveal effect -->
      <div class="panel panel-left panel-reveal theme-dark" id='panel-left-demo'>
        <div class="content-block">
          <!--搜索start-->
          <div class="searchbar">
            <div class="search-input">
              <label class="icon icon-search" for="search"></label>
              <input type="search" id='search' placeholder='输入关键字...' /></div>
          </div>
          <!--搜索end-->
          <p>
            <h3>广州久龙精品酒店</h3></p>
          <div class="list-block">
            <ul>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}index.html" external>首页</a>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}kfyd1.html" external>客房预订</a>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}yhhd.html" external>优惠活动</a>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}jdsp.html" external>酒店视频</a>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}jdjm.html" external>酒店加盟</a>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}jdjs.html" external>酒店相关</a>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <a href="${base}#" class="close-panel button button-big button-fill button-danger">关闭</a>
        </div>
      </div>
      <!--侧边栏end-->
      <div class="page page-current">
        <!--顶栏start-->
        <header class="bar bar-nav">
        <a class="icon icon-menu button button-link button-nav pull-left open-panel" href="javascript:;" data-panel='#panel-left-demo'></a>
        <h1 class="title"><img src="${base}img/logo.jpg">广州久龙精品酒店</h1>
        </header>
        <!--顶栏end-->

        <!--底栏start-->
        <nav class="bar bar-tab">
          <a class="tab-item active create-actions" href="#">
            <span class="icon icon-phone"></span>
            <span class="tab-label">电话咨询</span></a>
        </nav>
        <!--底栏end-->
        <div class="content native-scroll">
          

          <div class="page-index">
            <!--列表与select控件start-->
            <div class="content-block-title">个人中心</div>
            <div class="list-block">
              <form action="checkChuanZhi" method="post">
                <ul>
                  <li class="item-content item-link">
                    <div class="item-media">
                      <i class="icon icon-me icon-active"></i>
                    </div>
                    <div class="item-inner">
                      <div class="item-title label">用户姓名</div>
                      <div class="item-input">
                        <input type="text" value="${account}" disabled></div>
                    </div>
                  </li>
                  <li class="item-content item-link">
                    <div class="item-media">
                      <i class="icon icon-friends icon-active"></i>
                    </div>
                    <div class="item-inner">
                      <div class="item-title label">会员组</div>
                      <div class="item-input">
                        <input type="text" value="${rank}" disabled></div>
                    </div>
                  </li>
                  <li class="item-content item-link">
                    <div class="item-media">
                      <i class="icon icon-app icon-active"></i>
                    </div>
                    <div class="item-inner">
                      <div class="item-title label">用户积分</div>
                      <div class="item-input">
                        <input type="text" value="${score}" disabled></div>
                    </div>
                  </li>
                </ul>
                
                  <#if (detailGift?size>0) >
		<#list detailGift as gift>
                 <div class="list-block media-list">
                  <div class="content-block-title">优惠券</div>
                  <ul>
                    <li>
                      <label class="label-checkbox item-content">
                        <input type="checkbox" name="giftId" value="${gift.id}">
                        <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
                        
                           <div class="item-inner">
                          <div class="item-content">
                            <div class="item-media"><img src="http://threeshop1.oss-cn-hangzhou.aliyuncs.com${gift.picture}" width="44"></div>
                            <div class="item-inner listcontent">
                            <div class="item-title-row">
                                <div class="item-title title-all"> 优惠券${gift.id}  </div>
                              </div>
                              <div class="item-title-row">
                                <div class="item-title title-all"> ${gift.giftname}  </div>
                              </div>
                              
                              <div class="item-subtitle"><span class="shopprice">-${gift.giftprice}&yen;</span></div>
                            </div>
                          </div>
               
                      </label>
                    </li>
             
                  </ul>
                </div>
                                   </#list>
                     </#if>
                     <div class="page-index">
            <div class="buttons-tab">
              <a href="#" class="button active " external  disabled="disabled">待付款</a>
              <a href="${base}payAleady2" class="button" external>已结算</a>
            </div>
                    <#if (detailList?size>0) >
		<#list detailList as order>
		   
                 <div class="list-block media-list">
                  <div class="content-block-title">未支付订单${order.id}</div>
                  <ul>
                    <li>
                      <label class="label-checkbox item-content">
                        <input type="checkbox" name="orderId" id="cancel"  value="${order.id}">
                        <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
                        <div class="item-inner">
                          <div class="item-content">
                            <div class="item-media"><img src=" ${order.expressno}" width="44"></div>
                            <div class="item-inner listcontent">
                              <div class="item-title-row">
                                <div class="item-title title-all">${order.expresscode}  </div>
                              </div>
                              <div class="item-subtitle">${order.expressname}</div>
                               <div class="item-subtitle"><span class="shopprice">&yen;${order.amount}</span></div>
                            </div>
                          </div>
                        </div>
                      </label>
                    </li>
                  
			  <a href="${base}orderCancel2?orderId1=${order.id}"   class="button button-big button-fill button-danger">取消订单</a>
                  </ul>
                </div>
                   </#list>
                     </#if>
                
           
 

 <div class="sub">
                  <input type="submit" class="button button-big button-fill button-success" value="结算">
                </div>
              </form>
              <div class="register">
                 <div> <a href="${base}index.html">回到主页</a></div>
             
                 
                </div>
                
              
            </div>
            <!--列表与select控件end-->
          </div>
        </div>
      </div>
      <style>
        .shopprice{
          color: #B02D38;
          margin-left: 6rem;
        }
        .listcontent:after{
          background-color: #FFF!important;
        }
        
        div{ 
			white-space:nowrap; 
		} 

        
      </style>
      <script type="text/javascript">  
      	function checkBoxFunction(){
      		alert(1);
			var orderId =document.getElementById('cancel').value;
			window.location.replace('orderCancel?orderId=orderId');
 		}
      	function del(){
				
			
		var url="orderCancel";
		window.location.href=url+"?orderId1="+${order.id}; 
 		}	
      	
      	function delete(){	
			if(confirm("确认删除吗")){
  			 alert("yes");
  			}
 		 else{
   			alert("no")
   			return;
  		}
 	}	
      	
   function gotoOrderCancel(){
   var orderId =document.getElementById('cancel').value;
	$.ajax({
		type:'get',
		url:'orderCancel',
		data:{orderId1:orderId},
		dataType:'json',
		success:function(data){
			try{		
			alert("订单删除成功了！");
			location.reload();
			}catch(e){
				console.log(e);
			}
		},
		error:function(data){
			alert("删除出错了！");
		 callpay('indexPc');
		}
	});
}
      	
      </script>
      <script type='text/javascript' src="${base}js/jquery.min.js"></script>
      <script type='text/javascript' src='${base}js/zepto.min.js'></script>
      <script type='text/javascript' src='${base}js/sm.min.js'></script>
      <script type='text/javascript' src='${base}js/sm-extend.min.js'></script>
      <script type='text/javascript' src='${base}js/main.js'></script>
   
  </body>

</html>